<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=no" />
    <title>温度监控 - BIM轻量化平台</title>
    <style>
        .my-custom-ui {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 5;
            margin: 0px;
            padding: 0px;
            font-size: 2em;
            font-family: sans-serif;
            background-color: rgba(255, 255, 255, 0.85);
            border-radius: 4px;
        }
        
        .my-custom-ui span {
            color: red;
        }
        /* .my-markup3D {
            position: absolute;
            top: -8;
            left: -8;
            z-index: 5;
            margin: .3em;
            padding: .3em;
            font-family: sans-serif;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 4px;
            box-shadow: 4px 4px 2px rgb(0, 0, 0);
        } */
    </style>
    <script type="text/javascript" src="http://bimviewer.aisanwei.cn/viewer/SippreepViewer.bundle.js"></script>
</head>

<body style="margin: 0px;">
    <!-- 三维标记模板 -->
    <div style="display: none;">
        <div id="label" class="my-markup3D">
            <img src=''
            />
            <div>编号：${element} 类型：${typestring}</div>
            <button onclick="alert('${element}')">显示</button>
        </div>
    </div>
    <div id="panel1" class="my-custom-ui" style="display: none;">
        <div style="display: none;">选中项: <span id="MySelectionValue">0</span></div>
        <img src=''
        />
        <button id="hidePanel">隐藏控制</button>
        <fieldset>
            <button id="modelAll">所有</button>
            <button id="level0" class="level" data="{max:3.66,min:-6.89}">地下层</button>
            <button id="level1" class="level" data="{max:(4.46-14),min:(-14.57-14)}">一层</button>
            <button id="level2" class="level" data="{max:-24.33,min:13.78}">二层</button>
        </fieldset>
        <fieldset>
            <div>
                <button id="AllElements">512职工之家</button>
                <button id="BuildingElements">建筑(透明/显示)</button><br/>
            </div>
            <button id="Other2Elements" style="display: none;" data="[2231, 2979, 2991, 2996, 3003]">
            消防设备(关闭/显示)</button>
            <button id="ColorsElements" style="display: none;" data="[1564, 1565, 1566, 1567, 1568, 1569, 1570, 1571, 1572, 1573, 1574, 1575, 1576]">
            功能间(关闭/显示)</button>
            <div>
                <button id="SimulatedColors">实时数据模拟/停止</button>
            </div>
            <div><button id="ShowMark3D">管理对象(显示/关闭)</button></div>
            <div>
                <button id="saveState">保存视角</button>
                <button id="loadState" data="eyJ2aWV3cG9ydCI6eyJuYW1lIjoiIiwiZXllIjpbLTExMTMuMzgzNzE5NTA2OTY4NCwtNTQ3LjczMzYyODc2MTcyMDgsMTAxLjIzMDc5NTQxMzE0Njg0XSwidGFyZ2V0IjpbLTk4Mi45NjA4MTU0Mjk2ODc2LC00ODAuMzIyOTM3MDExNzE4NzUsMTIuNDMzMDg3MzQ4OTM3OTg4XSwidXAiOlswLjQ1OTc1MjQ2MTI2MzE5MDgsMC4yMzc2Mjg3NDgzMTUyMDAzNCwwLjg1NTY2MzYzMjcwNjU2MTRdLCJ3b3JsZFVwVmVjdG9yIjpbMCwwLDFdLCJwaXZvdFBvaW50IjpbLTk4Mi45NjA4MTU0Mjk2ODc1LC00ODAuMzIyOTM3MDExNzE4NzUsMTIuNDMzMDg3MzQ4OTM3OTg4XSwiZGlzdGFuY2VUb09yYml0IjoxNzEuNTc5MDQzNjcyNjUyMTUsImFzcGVjdFJhdGlvIjoxLjk4MTQyNDE0ODYwNjgxMTIsInByb2plY3Rpb24iOiJwZXJzcGVjdGl2ZSIsImlzT3J0aG9ncmFwaGljIjpmYWxzZSwiZmllbGRPZlZpZXciOjQ1fX0=">恢复视角</button>
            </div>
        </fieldset>
        <fieldset>

            <button class="model" data="['P2006090001']">500厂区工程</button><br/>
            <!-- <button class="model" data="['P2006090012', 'P2006090013', 'P2006090014', 'P2006090015', 'P2006090016', 'P2006090017']">501联合工房</button> -->
            <button class="model" data="['P2006090012']">501联合工房1</button>
            <button class="model" data="['P2006090013']">501联合工房2</button>
            <button class="model" data="['P2006090014']">501联合工房3</button><br/>
            <button class="model" data="['P2006090015']">501联合工房4</button>
            <button class="model" data="['P2006090016']">501联合工房5</button>
            <button class="model" data="['P2006090017']">501联合工房6</button><br/>
            <!-- <button class="model" data="['P2006090002']">502动力中心</button> -->
            <button class="model" data="['P2006090004']">503地下管廊</button><br/>
            <!-- <button class="model" data="['P2006090006']">504</button>
            <button class="model" data="['P2006090007']">505</button>
            <button class="model" data="['P2006090004']">506</button>
            <button class="model" data="['P2006090010']">507</button><br/>
            <button class="model" data="['P2006090011']">508</button>
            <button class="model" data="['P2006090018']">509</button>
            <button class="model" data="['P2006090019']">510</button>
            <button class="model" data="['P2006090020']">511</button><br/> -->
            <button class="model" data="['P2006090022']">513主大门</button>
            <button class="model" data="['P2006090023']">514辅大门</button>
            <button class="model" data="['P2006090024']">515西门</button>
            <button class="model" data="['P2006090025']">516北门</button>

        </fieldset>
    </div>
    <div id="panel2" class="my-custom-ui" style="display: block;">
        <img src=''
        />
        <button id="showPanel">显示控制</button></div>
    <div id="viewer1"></div>
    <script src="../MarkupDemo/customExport.js"></script>
    <script src="data.js"></script>
    <script src="index.js"></script>
</body>

</html>